<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<link href="#{request.contextPath}/css/bootstrap.css" rel="stylesheet" />
	<link href="#{request.contextPath}/css/navbar.css" rel="stylesheet" />
	<link href="#{request.contextPath}/css/login.css" rel="stylesheet" />
	
	<ui:insert name="custom_css"></ui:insert>
	
	<link rel="icon" href="#{request.contextPath}/imgs/fav.ico" />
	<title>
		<ui:insert name="title">MeteoCal</ui:insert>
	</title>
</h:head>
<h:body>
	<div id="page">
		<div id="header-container">
			<div id="header">
				<ui:insert name="header">
					<ui:include src="template_header.xhtml" />
				</ui:insert>
			</div>
		</div>
		<div id="content-container" class="container-fluid">
            <div id="content">
                <ui:insert name="content">
                    Main content
                </ui:insert>
            </div>
        </div>
	</div>
	
	<script src="#{request.contextPath}/js/jquery.min.js"></script>
	<script src="#{request.contextPath}/js/bootstrap.min.js"></script>
	
	<ui:insert name="custom_js"></ui:insert>
</h:body>
</html>